<template>
  <div class="detail-header">
    <span @click="goToPageHome"><van-icon size="20px" name="arrow-left" /></span>
    <p>商品详情</p>
  </div>

</template>

<script>
export default {
  name: "DetailHeader",
  methods:{
    goToPageHome(){
      this.$router.push({path:'/'})
    }
  }
}
</script>

<style scoped lang="scss">
.detail-header{
  height: 50px;
  display: flex;
  align-items: center;
}
.detail-header span{
  flex: 0 1 40%;
}

</style>